<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Scroll</title>
<link href="CSS/cssAll.css" rel="stylesheet" type="text/css" />
<link href="CSS/Scroll.css" rel="stylesheet" type="text/css" />
</head>

<body onload="oPic1.scrollMove();oPic2.scrollMove();oPic3.stepMove();oPic4.stepMove();">
<div class="showBox">
	<div class="showPic" id="show1">
		<div class="showAll" >
			<div class="show1">
				<img src="images/wow1_Small.jpg" width="144" height="108" />
				<img src="images/wow2_Small.jpg" width="144" height="108" />
				<img src="images/wow3_Small.jpg" width="144" height="108" />
				<img src="images/wow4_Small.jpg" width="144" height="108" />
				<img src="images/wow5_Small.jpg" width="144" height="108" />
				<img src="images/wow6_Small.jpg" width="144" height="108" />
				<img src="images/wow7_Small.jpg" width="144" height="108" />
				<img src="images/wow8_Small.jpg" width="144" height="108" />
			</div>
			<div class="show1"></div>
		</div>
	</div>
	<input type="button" value="左" onclick= move('show1','L') />
	<input type="button" value="右" onclick= move('show1','R') />
</div>
<div class="showBox">
	<div class="showPic" id="show2">
		<div class="showAll1" >
			<div class="show1">
				<img src="images/wow1_Small.jpg" width="144" height="108" />
				<img src="images/wow2_Small.jpg" width="144" height="108" />
				<img src="images/wow3_Small.jpg" width="144" height="108" />
				<img src="images/wow4_Small.jpg" width="144" height="108" />
				<img src="images/wow5_Small.jpg" width="144" height="108" />
				<img src="images/wow6_Small.jpg" width="144" height="108" />
				<img src="images/wow7_Small.jpg" width="144" height="108" />
				<img src="images/wow8_Small.jpg" width="144" height="108" />
			</div>
			<div class="show1"></div>
		</div>
	</div>
	<input type="button" value="上" onclick= move('show2','T') />
	<input type="button" value="下" onclick= move('show2','D') />
</div>
<div class="showBox">
	<div class="showPic" id="show3">
		<div class="showAll" >
			<div class="show1">
				<img src="images/wow1_Small.jpg" width="144" height="108" />
				<img src="images/wow2_Small.jpg" width="144" height="108" />
				<img src="images/wow3_Small.jpg" width="144" height="108" />
				<img src="images/wow4_Small.jpg" width="144" height="108" />
				<img src="images/wow5_Small.jpg" width="144" height="108" />
				<img src="images/wow6_Small.jpg" width="144" height="108" />
				<img src="images/wow7_Small.jpg" width="144" height="108" />
				<img src="images/wow8_Small.jpg" width="144" height="108" />
			</div>
			<div class="show1"></div>
		</div>
	</div>
	<input type="button" value="左" onclick= move2('show3','L',153,1000) />
	<input type="button" value="右" onclick= move2('show3','R',153,1000) />
</div>
<div class="showBox">
	<div class="showPic" id="show4">
		<div class="showAll1" >
			<div class="show1">
				<img src="images/wow1_Small.jpg" width="144" height="108" />
				<img src="images/wow2_Small.jpg" width="144" height="108" />
				<img src="images/wow3_Small.jpg" width="144" height="108" />
				<img src="images/wow4_Small.jpg" width="144" height="108" />
				<img src="images/wow5_Small.jpg" width="144" height="108" />
				<img src="images/wow6_Small.jpg" width="144" height="108" />
				<img src="images/wow7_Small.jpg" width="144" height="108" />
				<img src="images/wow8_Small.jpg" width="144" height="108" />
			</div>
			<div class="show1"></div>
		</div>
	</div>
	<input type="button" value="上" onclick= move2('show4','T',112,1000) />
	<input type="button" value="下" onclick= move2('show4','D',112,1000) />
</div>
</body>
</html>
<script src="JS/Scroll.js" language="javascript"></script>
<script language="javascript">
var oPic = new allScroll();
var oPic1 = new allScroll('show1','L',10);
var oPic2 = new allScroll('show2','T',10);
var oPic3 = new allScroll('show3','L',10,153,1,1000);
var oPic4 = new allScroll('show4','T',10,112,1,1000);
function move(sId,nDirection){
	oPic.scrollMove(sId,nDirection,10);	
}
function move2(sId,nDirection,nStep,nPause){
	oPic.stepMove(sId,nDirection,10,nStep,1,nPause);	
}
</script>
